<html>
  <head>
    <title>PicasaWeb Content Calendars</title>
    <link rel="stylesheet" href="style.css"/>
    <script src="albums.js"></script>
  </head>
  <body onload="init('u', 'al', 'd');">
  <h1>PicasaWeb Content Calendars</h1>
  <table width=100% border=0 cellpadding=2 cellspacing=0>
    <tr>
      <td>
        <img src="/~caffeine/lhcal/lhcal.png" alt="Screenshot"/>
      </td>
      <td width=100% valign=top align=left>
        <p>
        PicasaWeb content calendars allow you view a randomly-selected photo
        from your PicasaWeb album every day in Google Calendar, using web content
        calendars and the PicasaWeb GData API.</p>
        <b>Step 1:</b> Enter your PicasaWeb username below to get started.<br/>
        <b>Step 2:</b> Choose the albums you want to include.<br/>
        <b>Step 3:</b> Add the new calendar to your Google Calendar!
      </td>
    </tr>
  </table>
  <table width=100% border=0 cellpadding=0 cellspacing=0>
    <tr>
      <td valign=top>
        <b>Username:</b>&nbsp;
        <input id=u type=text size=24 class=slim
         onkeyup="albums.getAlbums();"/>
      </td>
      <td width=100%><div id=al style="padding-left: 8px;"></div></td>
    </tr>
  </table>
  <br/>

  <hr class="slim"/>
  <table width=100% border=0 cellpadding=0 cellspacing=0>
    <tr>
      <td valign=top>
        Peter Colijn (<a href="mailto:caffeine@colijn.ca">caffeine</a>)
        <font size="-2">
        <a href="javascript:showdebug('dc')">[debug]</a>
        </font>
      </td>
      <td valign=top>
        <div id="dc" style="display: none;">
          <table width=100% border=0 cellpadding=0 cellspacing=2>
            <tr>
              <td><b>Debug:</b></td>
            </tr>
            <tr>
              <td>
                <div id=d class="slim debug"></div>
              </td>
            </tr>
            <tr>
              <td align=right><button onclick="debuglog.clear();">Clear</button></td>
            </tr>
          </table>
        </div>
      </td>
      <td valign=top align=right><a href="http://colijn.ca">colijn.ca</a></td>
    </tr>
  </table>
  </body>
</html>
